<%-- 
    Document   : index
    Created on : Nov 19, 2013, 8:37:49 AM
    Author     : msi
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>WieldStrem University</title>

        <link href="css/stylesheet.css" rel="stylesheet" type="text/css" />
        <link href="css/layerslider.css" rel="stylesheet" type="text/css" />
        <link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />

        <script type='text/javascript' src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script type="text/javascript" src="js/jquery-easing-1.3.js"></script>

        <script type="text/javascript" src="js/menu.js"></script>
        <script type='text/javascript' src="js/custom.js"></script>

        <script type="text/javascript" src="js/jquery.quicksand.js"></script>
        <script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>

    </head>


    <body>

        <!--Wrapper Start-->
        <div id="wrapper">
            <div id="page">
                
                <jsp:include page="/teamplate/header.jsp" />
                
                <!--Content Start-->
                <div id="content">

                    <!--Welcome Part Start-->
                    <div class="welcome-part">

                        <!--Welcome Start-->
                        <div class="welcome">
                            <h1>Welcome to Wieldstrem University</h1>
                            <p><img src="images/college.png" width="241" height="119" alt="" class="univercity-image" /> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make galley  industry's standard of type a type specimen book.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since . <br /><br />

                                There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised ...

                                <a href="#">Read More +</a></p>
                        </div>
                        <!--Welcome End-->

                        <!--Spotlight Start-->
                        <div class="spotlight">
                            <h1>Campus Spotlight <img src="images/rss.png" width="17" height="17" alt="" class="rss" /></h1>
                            <h2><img src="images/spotlight-image.png" width="305" height="122" alt="" /></h2>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since ...<a href="#">Read More +</a></p>
                        </div>
                        <!--Spotlight End-->

                    </div>
                    <!--Welcome Part End-->


                    <!--Event Part Start-->
                    <div class="event-part">


                        <!--Campus News Part Start-->
                        <div class="news">
                            <h1>Campus News<img src="images/rss.png" width="17" height="17" alt="" class="rss" /></h1>

                            <!--News1 Start-->
                            <div class="news-list">
                                <div class="news-image"><img src="images/news-image1.png" width="75" height="61" alt="" /></div>
                                <div class="news-text">
                                    <h2>There are many variations<span>Sep.04.2012</span></h2>
                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry...</p>
                                </div>
                            </div>
                            <!--News1 End-->

                            <!--News2 Start-->
                            <div class="news-list">
                                <div class="news-image"><img src="images/news-image2.png" width="75" height="61" alt="" /></div>
                                <div class="news-text">
                                    <h2>There are many variations<span>Sep.04.2012</span></h2>
                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry...</p>
                                </div>
                            </div>
                            <!--News2 End-->

                            <!--News3 Start-->
                            <div class="news-list" style="background:none;">
                                <div class="news-image"><img src="images/news-image3.png" width="75" height="61" alt="" /></div>
                                <div class="news-text">
                                    <h2>There are many variations<span>Sep.04.2012</span></h2>
                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry...</p>
                                </div>
                            </div>
                            <!--News3 End-->



                        </div>
                        <!--Campus News Part End-->

                        <!--Campus Event Calender Part Start-->
                        <div class="calender">
                            <h1>Campus Event Calender<img src="images/rss.png" width="17" height="17" alt="" class="rss" /></h1>

                            <!--Event1 Start-->
                            <div class="calender-list">
                                <div class="calender-image"> <span>Sep <br />4</span></div>
                                <div class="calender-text">
                                    <h2>The point of using Lorem <span>9:15 am – 5:00 pm</span></h2>
                                    <p><a href="#">Read more about this event +</a></p>
                                </div>
                            </div>
                            <!--Event1 End-->

                            <!--Event2 Start-->
                            <div class="calender-list">
                                <div class="calender-image"> <span>Sep <br />6</span></div>
                                <div class="calender-text">
                                    <h2>The point of using Lorem <span>9:15 am – 5:00 pm</span></h2>
                                    <p><a href="#">Read more about this event +</a></p>
                                </div>
                            </div>
                            <!--Event2 End-->

                            <!--Event3 Start-->
                            <div class="calender-list" style="background:none;">
                                <div class="calender-image"> <span>Sep <br />10</span></div>
                                <div class="calender-text">
                                    <h2>The point of using Lorem <span>9:15 am – 5:00 pm</span></h2>
                                    <p><a href="#">Read more about this event +</a></p>
                                </div>
                            </div>
                            <!--Event3 End-->

                            <div class="view"><a href="#"><img src="images/view.png" width="158" height="37" alt="" /></a></div>

                        </div>
                        <!--Campus Event Calender Part End-->


                        <!--Video Part Start-->
                        <div class="video">
                            <h1>Campus Featuring Videos <img src="images/rss.png" width="17" height="17" alt="" class="rss" /></h1>
                            <h2><img src="images/video.png" width="302" height="159" alt="" /></h2>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since ...<a href="#">Read More +</a></p>
                        </div>
                        <!--Video Part End-->


                    </div>
                    <!--Event Part End-->

                    <!--Moments Part Start-->
                    <div class="moments-part">
                        <h1>Campus  Beautiful  Moments <img src="images/rss.png" width="17" height="17" alt="" class="rss" /></h1>

                        <ul>


                            <li><div class="gallery_item"><a href="images/mo-image-big-2.jpg" rel="prettyPhoto[gallery1]" ><img src="images/mo-image2.png" width="284" height="127" alt="" /></a><span><a href="images/mo-image-big-2.jpg" rel="prettyPhoto[gallery]" ><img src="images/photo.png" alt="" title="" /></a></span></div></li>

                            <li><div class="gallery_item"><a href="images/mo-image-big-3.jpg" rel="prettyPhoto[gallery1]" ><img src="images/mo-image3.png" width="284" height="127" alt="" /></a><span><a href="images/mo-image-big-3.jpg" rel="prettyPhoto[gallery]" ><img src="images/photo.png" alt="" title="" /></a></span></div></li>

                            <li><div class="gallery_item"><a href="http://vimeo.com/173714" rel="prettyPhoto[gallery1]" ><img src="images/mo-image1.png" width="284" height="127" alt="" /></a><span><a href="http://vimeo.com/173714" rel="prettyPhoto[gallery]" ><img src="images/photo.png" alt="" title="" /></a></span></div></li>

                        </ul>

                    </div>
                    <!--Moments Part End-->

                </div>
                <!--Content End-->

            </div>
            
            <jsp:include page="/teamplate/footer.jsp" />
            
            </div>

        <div id="backtotop"><a href="#"></a></div>
        <!--Wrapper End-->

        <!-- jQuery Layerslider -->
        <script type="text/javascript" src="js/layerslider.kreaturamedia.jquery-min.js"></script>
        <script type="text/javascript">
            jQuery(window).load(function() {
                jQuery('#layerslider.slideritems').layerSlider({
                    skinsPath: 'images/layerslider-skins/',
                    skin: 'smartgroup',
                    autoStart: false
                });
            });
        </script>

        <script type="text/javascript">
            var main_menu = new main_menu.dd("main_menu");
            main_menu.init("main_menu", "menuhover");
        </script>
    </body>


</html>